<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="cache-control" content="no-cache">
    <meta name="viewport" content="width=device-width">
    <link rel="stylesheet" href="../static/css/mdui.min.css" crossorigin="anonymous" />
    <script src="../static/js/mdui.min.js" crossorigin="anonymous"></script>
    <title>欢迎</title>
</head>

<header class="mdui-appbar">
    <div class="mdui-toolbar mdui-color-theme">
        <a href="welcome.html" class="mdui-typo-headline sys_name">HR系统</a>
        <a href="welcome.html" class="mdui-typo-title">欢迎</a>
        <div class="mdui-toolbar-spacer"></div>
        <a href="javascript:;" class="mdui-btn mdui-ripple mdui-btn-icon right_menu" style="margin-right: 1rem;"
            mdui-menu="{target: '#menu'}">
            <i class="mdui-icon material-icons">more_vert</i>

        </a>
        <ul class="mdui-menu" id="menu">
            <li class="mdui-divider"></li>
            <li class="mdui-menu-item">
                <a href="javascript:;" onclick="logout()" class="mdui-ripple">
                    <i class="mdui-icon material-icons">power_settings_new</i>
                    <text class="menu-item-text">退出</text>
                </a>
            </li>
        </ul>
    </div>
</header>


<body class="mdui-theme-primary-indigo mdui-theme-layout-auto mdui-theme-accent-indigo">

    <div class="mdui-container-fluid">
        <div class="mdui-row row-layout">
            <div class="mdui-col-xs-6 mdui-col-sm-6">
                <div class="mdui-card mdui-ripple mdui-color-deep-purple" onclick="window.location.href = 'emp_list'">
                    <!-- 卡片的标题和副标题 -->
                    <div class="mdui-card-primary">
                        <div class="mdui-card-primary-title" style="text-align: center;">员工管理</div>
                        <!-- <div class="mdui-card-primary-subtitle">Subtitle</div> -->
                    </div>
                    <div class="mdui-card-content mdui-typo" style="text-align: center; padding-bottom: 2rem ;">
                        <h4>点击进入员工管理</h4>
                    </div>
                </div>
            </div>
            <div class="mdui-col-xs-6 mdui-col-sm-6">
                <div class="mdui-card mdui-ripple mdui-color-green-700" onclick="location.replace('dept_list')">
                    <!-- 卡片的标题和副标题 -->
                    <div class="mdui-card-primary">
                        <div class="mdui-card-primary-title" style="text-align: center;">部门管理</div>
                        <!-- <div class="mdui-card-primary-subtitle">Subtitle</div> -->
                    </div>
                    <div class="mdui-card-content mdui-typo" style="text-align: center; padding-bottom: 2rem ;">
                        <h4>点击进入部门管理</h4>
                    </div>
                </div>
            </div>
<!--            <div class="mdui-col-xs-6 mdui-col-sm-4">-->
<!--                <div class="mdui-card mdui-ripple mdui-color-red-400">-->
<!--                    &lt;!&ndash; 卡片的标题和副标题 &ndash;&gt;-->
<!--                    <div class="mdui-card-primary">-->
<!--                        <div class="mdui-card-primary-title" style="text-align: center;">用户管理</div>-->
<!--                        &lt;!&ndash; <div class="mdui-card-primary-subtitle">Subtitle</div> &ndash;&gt;-->
<!--                    </div>-->
<!--                    <div class="mdui-card-content mdui-typo" style="text-align: center; padding-bottom: 2rem ;">-->
<!--                        <h4>点击进入用户管理</h4>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
        </div>
    </div>
    <!-- 
    <div class=".mdui-col-xs-12">
        <div class="mdui-container-fluid">
            <div class="mdui-table-fluid">
                <table class="mdui-table">
                    <tr>
                        <td>

                        </td>
                    </tr>
                    <tr>
                        <td>

                        </td>
                    </tr>
                    <tr>
                        <td>

                        </td>
                    </tr>
                </table>
            </div>
        </div>
    </div> -->

</body>

</html>

<script>
    function logout() {
        window.location.replace('../logout')
    }
</script>

<style>
    .menu-item-text {
        padding: 6px;
    }

    .mdui-col-xs-6 {
        margin-top: inherit;
    }

    .row-layout {
        position: absolute;
        left: 20%;
        right: 20%;
        top: 15%;
    }

    .mdui-appbar {
        position: fixed;
        width: 100%;
    }

    .mdui-card {
        margin-bottom: 1rem;
    }
</style>